<template>
    <view class="featured clearfix">
        <view class="title">
            <text class="h1">目的地</text><text class="desc"></text>
        </view>
        <Tabs height="45px" v-model="activeTab" color="#333" fontSize="12px" activeFontSize="14px" :lineScale="0.8"/>
    </view>
</template>

<script>
    import Tabs from '@/components/v-tabs/v-tabs.vue'
    export default{
        data(){
            return{
                "activeTab": 0,
            }
        },
        components:{
            Tabs
        }
    }
</script>

<style>
    .line{
        height: 1px;
        background-color: #efefef;
        margin-bottom: 20px;
    }
    .featured{
        margin: 10px 10px;
    }
    .title{
        margin: 20px 0 10px 0;
    }
    .h1{
        border-left: 5px solid #007AFF;
        font-size: 15px;
        padding: 0 10px;
    }
    .desc{
        margin-left: 10px;
        font-size: 12px;
        color: #ccc3c6;
    }
    .clearfix:after{
        content: "";
        display: block;
        height: 0;
        clear:both;
        visibility: hidden;
    }
    .clearfix{
        *zoom: 1;
    }
</style>
